<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
    <!--通用css-->
    <link href="static/assets/css/Icons.css" rel="stylesheet">
    <link rel="stylesheet" href="static/assets/materialize/css/materialize.min.css" media="screen,projection"/>
    <link href="static/assets/css/bootstrap.css" rel="stylesheet"/>
    <link href="static/assets/css/font-awesome.css" rel="stylesheet"/>
    <link href="static/assets/css/custom-styles.css" rel="stylesheet"/>

    <link rel="stylesheet" href="static/assets/js/Lightweight-Chart/cssCharts.css">

</head>
<body>

<div id="wrapper">
    <!---->
    <!--导航栏-->
    <nav class="navbar navbar-default top-navbar" role="navigation">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                <span class="sr-only">GeeJoansIoT</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand waves-effect waves-dark" href="post.html"><i class="large material-icons">language</i>
                <strong>GeeJoansIoT</strong></a>

            <div id="sideNav" href=""><i class="material-icons dp48">toc</i></div>
        </div>

        <ul class="nav navbar-top-links navbar-right">

            <li><a class="dropdown-button waves-effect waves-dark" href="#!" data-activates="dropdown1"><i
                    class="fa fa-user fa-fw"></i> <b>{{ username }}</b> <i
                    class="material-icons right">arrow_drop_down</i></a></li>
        </ul>
    </nav>
    <!-- 下拉栏 -->
    <ul id="dropdown1" class="dropdown-content">
        <template v-if="islogin">
            <li><a href="#"><i class="fa fa-user fa-fw"></i>{{ Userdata }}</a>
            </li>
            <li><a href="#"><i class="fa fa-gear fa-fw"></i> {{ Settings }}</a>
            </li>
            <li><a href="#" v-on:click="logout"><i class="fa fa-sign-out fa-fw"></i> {{ Logout }}</a>
            </li>
        </template>
        <template v-else>
            <li><a v-on:click="login" href="#"><i class="fa fa-sign-out fa-fw"></i> {{ Login }}</a>
            </li>
        </template>
    </ul>

    <!--/.菜单列表  -->
    <nav class="navbar-default navbar-side" role="navigation">
        <div class="sidebar-collapse">
            <ul class="nav" id="main-menu">
                <li>
                    <a href="post.html" class="waves-effect waves-dark"><i class="fa fa-dashboard"></i> 首页</a>
                </li>
                <li>
                    <a href="manage.html" class="waves-effect waves-dark"><i class="fa fa-dashboard"></i> 管理</a>
                </li>
                <li>
                    <a href="debug.html" class="waves-effect waves-dark"><i class="fa fa-dashboard"></i> 调试</a>
                </li>
            </ul>
        </div>

    </nav>

    <!-- 内容主要页  唯一同-->
    {% block body %}
    {% endblock %}
{#    <div id="page-wrapper">#}
{#        <div class="header">#}
{#            <h1 class="page-header">#}
{##}
{#                {{ Page.title_Name }}#}
{#                <small>{{ Page.small_title }}</small>#}
{#            </h1>#}
{#            <ol class="breadcrumb">#}
{#                <li><a href="#">Home</a></li>#}
{#                <li><a href="#">Test</a></li>#}
{#                <li class="active">Data</li>#}
{#            </ol>#}
{#        </div>#}
{#        <div id="page-inner">#}
{#            <div class="row">#}
{#                <div class="col s12">#}
{#                    <div class="card">#}
{##}
{#                        <div class="card-content">#}
{#                            <h3>设备选择 </h3>#}
{#                            <div class="form-control-static">#}
{#                                <div class="col s4">#}
{#                                    <select class="form-control" v-model="select_send_project.pid"#}
{#                                            @click="getSelectProject(select_send_project.pid)">#}
{#                                        <template v-for="pData,pid in projectList">#}
{#                                            <option v-bind:value="pid">{{ pData.Ptitle }}</option>#}
{#                                        </template>#}
{#                                    </select>#}
{#                                </div>#}
{#                                <div class="col s4">#}
{#                                    <select v-show="select_send_project.show" class="form-control"#}
{#                                            v-model="select_send_project.panid">#}
{#                                        <template v-for="device,did in select_send_project.currentDevices">#}
{#                                            <option v-bind:value="device.panid"> {{ device.Dname }}</option>#}
{#                                        </template>#}
{#                                    </select>#}
{#                                </div>#}
{#                                <div class="col s4">panid:{{ select_send_project.panid }}</div>#}
{#                            </div>#}
{#                        </div>#}
{#                    </div>#}
{#                </div>#}
{##}
{##}
{#            </div>#}
{#            <div class="dashboard-cards">#}
{##}
{#                <div class="row">#}
{#                    <div class="col-xs-12 col-sm-6 col-md-3">#}
{#                        <div class="card horizontal cardIcon waves-effect waves-dark">#}
{#                            <div class="card-image" v-bind:class="getColour(2)">#}
{#                                <div class="card-content">#}
{#                                    <h3>实时数据 </h3>#}
{#                                </div>#}
{#                            </div>#}
{##}
{#                            <div class="card-stacked " v-bind:class="getColour(2)">#}
{#                                <div class="card-content">#}
{#                                    <h3>功能开关</h3>#}
{#                                </div>#}
{#                                <div class="card-action">#}
{#                                    <div class="switch">#}
{#                                        <label class="white-text">#}
{#                                            Off#}
{#                                            <input type="checkbox">#}
{#                                            <span class="lever"></span>#}
{#                                            On#}
{#                                        </label>#}
{#                                    </div>#}
{#                                </div>#}
{#                            </div>#}
{##}
{#                        </div>#}
{#                    </div>#}
{##}
{#                    <div class="col-xs-12 col-sm-6 col-md-3">#}
{#                        <div class="card horizontal cardIcon waves-effect waves-dark">#}
{#                            <div class="card-image" v-bind:class="getColour(2)">#}
{#                                <div class="card-content">#}
{#                                    <h3>最新数据 </h3>#}
{#                                </div>#}
{#                            </div>#}
{#                            <div class="card-stacked " v-bind:class="getColour(2)">#}
{#                                <div class="card-content">#}
{#                                    <h3>功能开关</h3>#}
{#                                </div>#}
{#                                <div class="card-action">#}
{#                                    <div class="switch">#}
{#                                        <label class="white-text">#}
{#                                            Off#}
{#                                            <input v-bind:checked="haveData?'checked':''" v-on:click="CheckData()"#}
{#                                                   type="checkbox">#}
{#                                            <span class="lever"></span>#}
{#                                            On#}
{#                                        </label>#}
{#                                    </div>#}
{#                                </div>#}
{#                            </div>#}
{##}
{#                        </div>#}
{#                    </div>#}
{##}
{#                    <div class="col-xs-12 col-sm-6 col-md-3">#}
{#                        <div class="card horizontal cardIcon waves-effect waves-dark">#}
{#                            <div class="card-image" v-bind:class="getColour(2)">#}
{#                                <div class="card-content">#}
{#                                    <h3>自动刷新 </h3>#}
{#                                </div>#}
{#                            </div>#}
{#                            <div class="card-stacked " v-bind:class="getColour(2)">#}
{#                                <div class="card-content">#}
{#                                    <h3>功能开关</h3>#}
{#                                </div>#}
{#                                <div class="card-action">#}
{#                                    <div class="switch">#}
{#                                        <label class="white-text">#}
{#                                            Off#}
{#                                            <input v-bind:checked="antoRefresh?'checked':''"#}
{#                                                   v-on:click="CheckantoRefresh()" type="checkbox">#}
{#                                            <span class="lever"></span>#}
{#                                            On#}
{#                                        </label>#}
{#                                    </div>#}
{#                                </div>#}
{#                            </div>#}
{##}
{#                        </div>#}
{#                    </div>#}
{#                </div>#}
{#            </div>#}
{##}
{##}
{#            <div class="dashboard-cards" v-if="haveData">#}
{#                <div class="row">#}
{#                    <template v-for="data,id in nowData">#}
{#                        <div class="col-xs-12 col-sm-6 col-md-3">#}
{#                            <div class="card horizontal cardIcon waves-effect waves-dark">#}
{#                                <div class="card-image" v-bind:class="getColour(data.value)">#}
{#                                    <i class="material-icons dp48">import_export</i>#}
{#                                </div>#}
{#                                <div class="card-stacked " v-bind:class="getColour(data.value)">#}
{#                                    <div class="card-content">#}
{#                                        <h3>{{ id }} </h3>#}
{##}
{#                                    </div>#}
{#                                    <div class="card-action">#}
{#                                        <strong>{{ data.value }} {{ data.unit }}</strong>#}
{#                                        <p>{{ getTime(data.time)}}</p>#}
{#                                    </div>#}
{#                                </div>#}
{##}
{#                            </div>#}
{#                        </div>#}
{#                    </template>#}
{#                </div>#}
{#            </div>#}
{#            <div class="row">#}
{#                <div class="col-md-12">#}
{##}
{##}
{#                    <footer><p>Wujehy GeeJoans IoT </p></footer>#}
{#                </div>#}
{#                <!-- /. PAGE INNER  -->#}
{#            </div>#}
{#            <!-- /. PAGE WRAPPER  -->#}
{#        </div>#}
{#    </div>#}

    <!--内容结束-->
</div>
<!--通用列表-->
<script src="static/assets/js/jquery-1.10.2.js"></script>
<script src="static/assets/js/bootstrap.min.js"></script>
<script src="static/assets/materialize/js/materialize.min.js"></script>
<script src="static/assets/js/custom-scripts.js"></script>

<!-- Vuejs-->

{%  block vuejs %}
{%  endblock %}
{#<script src="static/assets/js/vuejs/vue.min.js"></script>#}
{#<script src="static/assets/js/vuejs/vue-resource.min.js"></script>#}
{#<script src="static/assets/js/dataTables/jquery.dataTables.js"></script>#}
{#<script src="static/assets/js/dataTables/dataTables.bootstrap.js"></script>#}
{#<script src="static/assets/js/index.js"></script>#}
</body>
</html>